<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
    <th:block th:insert="~{include :: header('账户详情')}" />
</head>
<body class="hold-transition">
<div class="container-fluid mt-2 mb-2">
    <div class="row">
        <div class="col-sm-12">
            <h4 class="h4 mt-3 mb-3" th:text="'欢迎您，'+${manager.managerName}"></h4>
        </div>
        <div class="col-sm-3">
            <div class="card card-success">
                <div class="card-header">
                    <div class="card-title">
                        可用余额
                    </div>
                    <div class="card-tools"></div>
                </div>
                <div class="card-body">
                    <h1 class="text-red" th:text="${userAccount.balance} / 100 +' 元'"></h1>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="card">
                <div class="card-header">
                    <div class="card-title">
                        返现金额
                    </div>
                    <div class="card-tools">
                        <a class="btn btn-danger btn-xs" onclick="teacherTake()"><i class="fa fa-rmb"></i> 提现</a>
                    </div>
                </div>
                <div class="card-body">
                    <h1 class="text-red" th:text="${userAccount.backAmount/100}+' 元'"></h1>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="card">
                <div class="card-header">
                    <div class="card-title">
                        充值金额
                    </div>
                    <div class="card-tools"></div>
                </div>
                <div class="card-body">
                    <h1 class="text-red" th:text="${userAccount.vmAmount/100}+' 元'"></h1>
                </div>
            </div>
        </div>
        <div class="col-sm-3">
            <div class="card card-danger">
                <div class="card-header">
                    <div class="card-title">
                        冻结金额
                    </div>
                    <div class="card-tools"></div>
                </div>
                <div class="card-body">
                    <del><h1 class="text-red" th:text="${userAccount.frozenAmount/100}+' 元'">321</h1></del>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <blockquote class="blockquote text-sm">
                <div class="h5 text-danger mt-2"><b>可用余额说明：</b></div>
                <div>1、账户余额可在站内购买商品。</div>
                <div>2、来自返现的余额和充值金额的总合，返现的余额可提现到本人指定的银行卡。</div>
                <h5 class="h5 text-danger mt-2"><b>返现金额说明：</b></h5>
                <div>1、账户内来自返现金额可全部提现到登录账号所绑定的银行卡内。</div>
                <div>2、提现过程中，提现的金额会处于冻结状态，提现审核通过，将自动转入指定银行卡内，请注意查收。</div>
                <div class="h5 text-danger mt-2"><b>充值金额说明：</b></div>
                <div>1、现金充值：点击现金充值。支持银行卡、支付宝、微信、易支付等充值方式。</div>
                <div>2、充值卡充值：点击充值卡充值。充值卡仅限已登录账号使用，请在卡片有效期内充值，注意卡片信息保密。</div>
                <div>3、提示：充值额度不可提现。账户中金额与人民币比例为1:1，最小支持5元充值。</div>
                <div class="h5 text-danger mt-2"><b>冻结金额说明：</b></div>
                <div>1、用户提取金额将存入冻结余额，提现审核通过，将自动转入银行卡内。</div>
                <div>2、提示：冻结额度不记入总金额账户，且审核过程中冻结余额暂不可用。</div>
            </blockquote>
        </div>
    </div>
</div>
<th:block th:insert="~{include :: footer}" />
<script th:inline="javascript">
    //教师提现
    function teacherTake() {
        $.modal.open("提现操作","/my/account/take.html", '800px', '580px');
    }

</script>
</body>
</html>